<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Cache-Control" content="no-siteapp">
<link rel="stylesheet" href="../../../static/layui/css/layui.css" media="all" />
<link rel="stylesheet" href="../../../static/css/public.css" media="all" />
</head>
<body class="childrenBody">
	<form class="layui-form" lay-filter="formTest" id="form" style="width: 80%;">
		<div class="layui-form-item layui-row layui-col-xs12">
			<label class="layui-form-label">员工</label>
			<div class="layui-input-block">
				<input type="hidden" class="layui-input" id="eid" name="eid"> <input type="eid" class="layui-input" id="ename" name="ename" lay-verify="required" disabled>
			</div>
		</div>
		<div class="layui-form-item layui-row layui-col-xs12">
			<label class="layui-form-label">日期</label>
			<div class="layui-input-block">
				<input type="text" class="layui-input" id="date" name="date" placeholder="yyyy-MM-dd" lay-verify="required">
			</div>
		</div>
		<!--  	<div class="layui-form-item layui-row layui-col-xs12">
			<label class="layui-form-label">签入时间</label>
			<div class="layui-input-block">
				<input type="text" class="layui-input" id="ckin" name="ckin" placeholder="HH:mm:ss" lay-verify="required">
			</div>
		</div>
		<div class="layui-form-item layui-row layui-col-xs12">
			<label class="layui-form-label">签出时间</label>
			<div class="layui-input-block">
				<input type="text" class="layui-input" id="ckot" name="ckot" placeholder="HH:mm:ss" lay-verify="required">
			</div>
		</div>-->
		<div class="layui-form-item layui-row layui-col-xs12">
			<label class="layui-form-label">补勤原因</label>
			<div class="layui-input-block">
				<textarea placeholder="" class="layui-textarea" id="remarks" name="remarks" lay-verify="required"></textarea>
			</div>
		</div>
		<div class="layui-form-item layui-row layui-col-xs12">
			<div class="layui-input-block">
				<button type="button" class="layui-btn layui-btn-sm" lay-submit="" lay-filter="submit">提交</button>
				<button type="button" class="layui-btn layui-btn-sm layui-btn-primary close-btn">取消</button>
			</div>
		</div>
	</form>
	<script type="text/javascript" src="../../../static/js/jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src="../../../static/layui/layui.js"></script>
	<script type="text/javascript" src="../../../static/js/index.js"></script>
	<script type="text/javascript" src="../../../static/custom/js/common.js"></script>
	<script type="text/javascript">
		layui.use([ 'form', 'laydate', 'layer' ], function() {
			var form = layui.form;
			var laydate = layui.laydate;
			var layer = parent.layer === undefined ? layui.layer : top.layer, $ = layui.jquery;
			var getEmployeeApi = "../../../getEmployee";
			var toUpdateApi = "../../../attendance/attendance/toUpdate";
			var toInsertApi = "../../../attendance/attendance/toInsert";
			var insertApi = "../../../attendance/attendance/insert";
			var updateApi = "../../../attendance/attendance/update";
			var insertMethod = "post";
			var updateMethod = "put";
			var url = insertApi;
			var method = insertMethod;
			var id = getUrlParam("id");
			//初始化日期组件
			//时间选择器
			  laydate.render({
			    elem: '#ckin'
			    ,type: 'time'
			  });
			//时间选择器
			  laydate.render({
			    elem: '#ckot'
			    ,type: 'time'
			  });
			  laydate.render({
				    elem: '#date'
				  });
			//判断是否编辑
			if (id) {
				url = updateApi;
				method = updateMethod;
				$("#form").append('<input type="hidden" name="id" value="" >');
				
				//获取员工所有信息加载记录信息
				loadAjax( toUpdateApi + "/" + id, "get", null, function(response) {
					baseCallBack(response, function(response) {
						fomrVal(form, "formTest", response.data);
						//获取所有员工信息
						loadAjax( getEmployeeApi, "get", null, function(response2) {
							baseCallBack(response2, function(response2) {
								if (response2.data && response2.data.length) {
									for(var  v  of  response2.data ){
										if(v.id == response.data.sid){
											
										}
										$("#eid").append('<option value="'+v.id+'">'+v.rname+'</option>');
										form.render("select"); 
									}
								}
							});
						});
					});
				});
			} else {
				//新增
				//获取所有员工信息
				loadAjax( toInsertApi, "get", null, function(response) {
					baseCallBack(response, function(response) {
						if (response.data) {
							$("#eid").val(response.data.id);
							$("#ename").val(response.data.rname);
							form.render("select"); // 更新全部
						}
					});
				});
			}

			form.on("submit(submit)", function(data) {
				console.log($("#form").serialize());
				loadAjax( url, method, $("#form").serialize(), function(response) {
					baseCallBack(response, parentReloadCallBack);
				});
				return false;
			})
		})
	</script>
</body>
</html>